<template>
	<view>
		<view class="smart-page-head">
			<view class="smart-page-head-titile">radio单选按钮</view>
		</view>
		
		<view>
			<radio color="#ffaa00" :checked="state" class="mainRadio" @click="change">选中</radio>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				state:false
			}
		},
		methods: {
			console.log('click....');
			if(this.state)
				this.state = false;
			else
				this.state = true;
		}
	}
</script>

<style>
	.miniRadio {
			transform: scale(0.7);
		}1

</style>
